<template lang="html">
 <div class="xinxi">
   <div class="banner12">
     <label id="fanhui" @click="back"><img src="../../static/img/return1.png" alt=""></label>
     <label>信息</label>
   </div>
   <div class="xincon">
     <div class="pl">
       <span class="icon-bubble2"></span>
       <label>评论</label>
       <img src="../../static/img/right.png" alt="">
     </div>
     <div class="zan">
       <span class="icon-happy"></span>
       <label>赞</label>
       <img src="../../static/img/right.png" alt="">
     </div>
   </div>
 </div>
</template>

<script>
export default {
  methods: {
    back() {
      history.back()
    }
  }
}
</script>
<style media="screen">
body{
  margin:0;
  padding: 0;
}
</style>
<style lang="css" scoped>
*{
  margin:0;
  padding:0;
  color: black;
}

.xinxi{
  height: 700px;
  position: relative;
  /*background: linear-gradient(to bottom,#562e37,#f17c67);*/
  background:white;
  /*color: white;*/
  }

  .banner12{
    height: 2.5rem;
    /*background: white;*/
    line-height: 2.5rem;
    color: #646a58;
    font-size: 1.8rem;
    width: 100%;
    position:fixed;
    top: 0rem;
    left: 0;
    z-index: 100;
    background: white;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
  }
  #fanhui{
    position: absolute;
    height: 1.5rem;
    width: 0.9rem;
    /*background-image: url(../../static/img/return1.png);
    background-size: 15px,15px;*/
    top: 0.3rem;
    left: 0.9rem;
  }
  #fanhui>img{
    height: 1.5rem;
    width: 0.8rem;
  }

.xincon{
  margin-top: 2.5rem;
  width: 100%;
  text-align: left;
  /**/
}
.pl{
  height: 3.0rem;
  line-height: 3.0rem;
  width: 90%;
  padding: 0 5%;
  border-bottom: 1px solid #ccc;
}
.pl img{
  float: right;
  vertical-align: top;
  margin-top: 1.0rem;
  height: 1.0rem;
  width: 0.4rem;
}
.pl span{
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 1rem;
  color: gray;
}
.pl label{
  vertical-align: middle;
}
.zan{
  height: 3.0rem;
  line-height: 3.0rem;
  width: 90%;
  padding: 0 5%;
  border-bottom: 1px solid #ccc;
}
.zan img{
  float: right;
  vertical-align: top;
  margin-top: 1.0rem;
  height: 1.0rem;
  width: 0.4rem;
}
.zan span{
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 1rem;
  color: gray;
}
.zan label{
  vertical-align: middle;
}
  .icon-bubble2:before {
  content: "\e96e";
  }
  .icon-happy:before {
  content: "\e9df";
  }
</style>
